<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>
        @if($a=='m')
            未配送
        @elseif($a=='i')
            配送中
        @else
            已完成
        @endif
    </title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--<meta name="format-detection" content="telephone = no" />-->
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="发货中"/>
    <meta name="msapplication-TileColor" content="#090a0a">
    <link rel="stylesheet" href="{{asset('myhome/css/css_styllle.css')}}">
    <link rel="stylesheet" href="{{ asset('myhome/css/headerl.css') }}">
    <link rel="stylesheet" href="{{ asset('myhome/css/font.css') }}">

    <style>
        .zt {
            float: right !important;
            color: white !important;
            height: 30px !important;
            width: 150px !important;
            background-color: rgba(233, 104, 98, 0.95) !important;
            border-radius: 5px !important;
            text-align: center !important;
            line-height: 30px !important;
            margin-right: 1.8rem !important;
        }

        .zt_a {
            float: right;
            background-color: #888888;
            height: 30px;
            width: 150px;
            border-radius: 5px;
            text-align: center;
            line-height: 30px;
            margin-right: 1.8rem;
        }

        .zt_b {
            color: white !important;
            float: right !important;
            background-color: #2cb6b4 !important;
            height: 30px !important;
            width: 150px !important;
            border-radius: 5px !important;
            text-align: center !important;
            line-height: 30px !important;
            margin-right: 1.8rem !important;
        }
    </style>
    <script type="text/javascript" src="{{asset('js/zepto.min.js')}}"></script>

</head>
<body class='grayBy'>
<header>
    <div class="header">
        <h1>
            @if($a=='w')
                待配送
            @elseif($a=='i')
                配送中
            @else
                已完成
            @endif
        </h1>
        <a href="/home/user" class="return">&lt;</a>

    </div>
</header>
<div style="margin-top: 60px;"></div>
<div id="did">
    @foreach($list as $v)
    <div class="order_box">
        <div class="order_header">
            <h2>订单编号: {{ $v->number }}</h2>
            <p>{{ $v->created_at }}</p>
            <span class="up_icon"></span>
        </div>
        <ul class="order_list">
            @foreach($v->order_info as $m)
            <li>
                <a href="proinfo.html">
                    <i class="pic"><img src="/upload/product/{{ $m->preview }}" /></i>
                    <h2>{{ $m->name }} </h2>
                    <h3>{{ $m->specifications }}</h3>
                    <h4>x {{ $m->count }}</h4>
                    <b>¥ {{ $m->price }}</b>
                </a>
            </li>
            @endforeach
        </ul>
    </div>
    @endforeach


</div>
<div class="footer_fixed clearfix">
    <span><a href="{{ asset('sender/index') }}"><i class="home_icon"></i><b>首页</b></a></span>
    <span><a href="{{ asset('sender/info') }}"><i class="member_icon"></i><b>我的</b></a></span>
</div>
</body>
</html>
<script type="text/javascript">
    $(".order_box").click(function () {
        $(this).find(".order_list").toggle();
    });

</script>